﻿@inject IStringLocalizer<Tabs> Localizer

<p class="text-center">
    <div class="btn-group">
        <button class="btn btn-primary" @onclick="e => SetPlacement(Placement.Top)">Top</button>
        <button class="btn btn-primary" @onclick="e => SetPlacement(Placement.Right)">Right</button>
        <button class="btn btn-primary" @onclick="e => SetPlacement(Placement.Bottom)">Bottom</button>
        <button class="btn btn-primary" @onclick="e => SetPlacement(Placement.Left)">Left</button>
    </div>
</p>
<Tab Placement="@BindPlacement" Height="200">
    <TabItem Text="@Localizer["TabItem1Text"]">
        <div>@Localizer["TabItem1Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem2Text"]">
        <div>@Localizer["TabItem2Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem3Text"]">
        <div>@Localizer["TabItem3Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem5Text"]">
        <div>@Localizer["TabItem5Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem6Text"]">
        <div>@Localizer["TabItem6Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem7Text"]">
        <div>@Localizer["TabItem7Content"]</div>
    </TabItem>
</Tab>
<Divider Text="@Localizer["DividerText"]"></Divider>
<Tab Placement="@BindPlacement" IsCard="true" Height="200">
    <TabItem Text="@Localizer["TabItem1Text"]">
        <div>@Localizer["TabItem1Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem2Text"]">
        <div>@Localizer["TabItem2Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem3Text"]">
        <div>@Localizer["TabItem3Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem5Text"]">
        <div>@Localizer["TabItem5Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem6Text"]">
        <div>@Localizer["TabItem6Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem7Text"]">
        <div>@Localizer["TabItem7Content"]</div>
    </TabItem>
</Tab>
<Divider Text="@Localizer["DividerText"]"></Divider>
<Tab Placement="@BindPlacement" IsBorderCard="true" Height="200">
    <TabItem Text="@Localizer["TabItem1Text"]">
        <div>@Localizer["TabItem1Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem2Text"]">
        <div>@Localizer["TabItem2Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem3Text"]">
        <div>@Localizer["TabItem3Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem5Text"]">
        <div>@Localizer["TabItem5Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem6Text"]">
        <div>@Localizer["TabItem6Content"]</div>
    </TabItem>
    <TabItem Text="@Localizer["TabItem7Text"]">
        <div>@Localizer["TabItem7Content"]</div>
    </TabItem>
</Tab>

@code {
    private Placement BindPlacement = Placement.Top;

    private void SetPlacement(Placement placement)
    {
        BindPlacement = placement;
    }
}
